<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="../css/base.css" rel="stylesheet">
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">
    <script src="../js/jquery-1.9.1.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/paging.js"></script>
     <!--<script type="text/javascript" src="../base/layer/layer.js"></script>-->
      <script type="text/javascript" src="../js/template.js"></script>
     <script src="../js/userMana.js"></script>
    <title>用户管理</title>
</head>
<body>
<div class="gong-body">
    <div class="Brand">
        系统管理／用户管理
    </div>
    <div class="gong-tablebigDiv bgWhite">
        <div class="gong-tableT">
           用户管理

            <div class="form-group fr">
                <input type="text" class="form-control searchNameInput" placeholder="请输入姓名">
                <img src="../img/table-search.png" class="searchImg">
            </div>

        </div>
        <div class="gong-tableBarDiv">
            <a type="button" href="javascript:;" class="texC bar-a"  data-toggle="modal" data-target="#addUser">
                <span class="glyphicon glyphicon-plus"></span><span>新增</span>
            </a>
        </div>

        <div class="gong-tableDiv fontyahei">
            <table class="table table-bordered userTable">
                <thead>
                <tr>
                    <th class="texC">学校</th>
                    <th class="texC">用户名</th>
                    <th class="texC">姓名</th>
                    <th class="texC">类型</th>
                    <th class="text-center">操作</th>
                </tr>
                </thead>
                <tbody class="userTbody">
             <!--   <tr>
                    <td class="texC">浙江大学</td>
                    <td class="texC">用户名</td>
                    <td class="texC">张三</td>
                    <td class="texC"> 普通用户</td>
                    <td class="texC">  <span class="texC  cursorP">正常</span> | <span class=" cursorP  colorBlue">关闭</span></td>
                </tr>-->

             <!--   <tr>
                    <td class="texC">浙江大学</td>
                    <td class="texC">用户名</td>
                    <td class="texC">张三</td>
                    <td class="texC"> 普通用户</td>
                    <td class="texC">  <span class="texC  cursorP">已关闭</span> | <span class=" cursorP  colorBlue">开启</span></td>
                </tr>-->

                </tbody>
            </table>

            <div class="clearfix">
                <div class="pull-right">
                    <nav aria-label="Page navigation" class="pull-left">
                        <ul class="pagination pagination-sm" id="userPage">
                            <!--  <li>
                                  <a href=" " aria-label="Previous">
                                      <span aria-hidden="true">&laquo;</span>
                                  </a>
                              </li>
                              <li class="active"><a href="#">1</a></li>
                              <li><a href="#">2</a></li>
                              <li><a href="#">3</a></li>
                              <li><a href="#">4</a></li>
                              <li><a href="#">5</a></li>
                              <li>
                                  <a href="#" aria-label="Next">
                                      <span aria-hidden="true">&raquo;</span>
                                  </a>
                              </li>-->
                        </ul>
                    </nav>
                    <div class="dropdown pull-left disn">
                        <button class="btn btn-sm btn-default dropdown-toggle" type="button" id="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="margin-top:20px">
                            10条/页
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li><a href="#">10条/页</a></li>
                            <li><a href="#">10条/页</a></li>
                            <li><a href="#">10条/页</a></li>
                            <li><a href="#">10条/页</a></li>
                        </ul>
                    </div>
                    <div class="dramp pull-left disn" style="margin-top:20px;">
                        <span style="margin: 0px 10px">跳至</span>
                        <input type="text" class="drampto" placeholder="12" style="width:65px;height:28px" />
                        页
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--新增管理员-->
<div class="modal fade in" id="addUser" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="padding-right: 17px;">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title" id="">管理员新建</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">学校:</label>
                        <div class="col-sm-6" style="padding-left: 20px">
                           <select class="form-control schoolSelect">
                             <!--  <option>xxxx学院</option>
                               <option>xxxx学院</option>
                               <option>xxxx学院</option>
                               <option>xxxx学院</option>
                               <option>xxxx学院</option>-->
                           </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">用户名:</label>
                        <div class="col-sm-6" style="padding-left: 20px">
                            <input type="text" class="form-control um-username" value="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">姓名:</label>
                        <div class="col-sm-6" style="padding-left: 20px">
                            <input type="text" class="form-control um-name" value="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">密码:</label>
                        <div class="col-sm-6" style="padding-left: 20px">
                            <input  class="form-control um-pass" type="password" value="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">账号类型:</label>
                        <div class="col-sm-6" style="padding-left: 20px">
                            <select class="form-control accountType">
                                <option>校管理员</option>
                                <option>其他</option>
                            </select>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="addUser(this)">保存</button>
            </div>
        </div>
    </div>
</div>

</body>
</html>